@charset "utf-8";

/* UI Layout */
.ui-layout-north {}
.ui-layout-pane { width:180px; overflow:hidden;}
.ui-layout-west { overflow:hidden;}
.ui-layout-center .ui-layout-content {}
.ui-layout-pane-center { overflow:hidden;}
.ui-layout-content { overflow:hidden;}

/* Frame Style */
.frame_header { position:relative; height:50px; background:url(../images/header_bg.jpg) repeat left top;}
.frame_sidebar { position:relative; width:180px; border-right:1px solid #DDD; background:#FAFAFA;}
.frame_container { position:relative;}


/*- Frame Header -*/
.frame_logo { position:absolute; top:0; left:0; width:180px; height:50px; background:url(../images/logo_bg.jpg) repeat left top;}
.frame_switch { float:right; width:28px; line-height:50px; font-size:18px; color:#8A8A8A; cursor:pointer;}
.frame_switch:hover { color:#FFF;}

.frame_nav { position:absolute; top:0; right:240px; left:180px; display:block;}
.frame_nav a { display:block; width:100px; height:50px; line-height:50px; text-align:center; color:#A3A3A3; font-size:12px; float:left;}
.frame_nav a:hover { background:url(../images/nav_currentbg.jpg) repeat left top; color:#FFF; text-decoration:none;}
.frame_nav .iconfont { font-size:14px;}
.frame_nav a .iconfont { color:#A3A3A3;}
.frame_nav a:hover .iconfont { color:#FFF; text-decoration:none;}
.frame_nav a.current,.frame_nav a.current:hover { background:url(../images/nav_currentbg.jpg) repeat left top; color:#FFF;}
.frame_nav a.current .iconfont,.frame_nav a.current:hover .iconfont { color:#FFF;}

.frame_toolbar { position:absolute; top:0; right:0; width:240px; height:50px; line-height:50px; color:#A3A3A3;}
.frame_toolbar .iconfont { font-size:16px; cursor:pointer;}
.frame_toolbar a,.frame_toolbar a:hover { padding:0 15px;}
.frame_toolbar a,.frame_toolbar a .iconfont { color:#A3A3A3;}
.frame_toolbar a:hover,.frame_toolbar a:hover .iconfont { color:#FFF; text-decoration:none;}

span.nav_line { float:right; display:block; width:0; height:50px; border-right:1px solid #65656C; border-left:1px solid #474848; overflow:hidden;}


/*- Frame Sidebar -*/
dl.nav_wrap { margin:-1px 0 0 0; padding:0;}
dl.nav_wrap dt { zoom:1; height:35px; line-height:35px;border-top:1px solid #DDD; border-bottom:1px solid #DDD; background-color:#F5F5F5; background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F5F5F5)); background:-moz-linear-gradient(top, #FFFFFF, #F5F5F5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F5F5F5'),GradientType='0'); background:-o-linear-gradient(top, #FFFFFF, #F5F5F5); background:linear-gradient(top, #FFFFFF, #F5F5F5); font-weight:700; color:#666; cursor:pointer;}
dl.nav_wrap dt span.iconfont { float:left; display:block; width:30px; line-height:35px; text-align:center; font-size:14px; color:#575757; font-weight:400;}

dl.nav_wrap dd { clear:both; margin:0; padding:0 0 0 30px; line-height:30px; text-align:left;}
dl.nav_wrap dd a { color:#666;}
dl.nav_wrap dd a:hover { color:#333; text-decoration:none;}

dl.nav_wrap dd.current { background:#F0F0F0; cursor:pointer;}
dl.nav_wrap dd.current a,dl.nav_wrap dd.current a:hover { color:#333; text-decoration:none;}

dl.nav_wrap dt.current { background:-webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#E7E7E7)); background:-moz-linear-gradient(top, #F7F7F7, #E7E7E7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#E7E7E7'); background:-o-linear-gradient(top, #F7F7F7, #E7E7E7); background:linear-gradient(top, #F7F7F7, #E7E7E7);}


/*- Frame Container -*/
.frame_crumbs { position:absolute; top:0; right:0; left:0; height:35px; line-height:35px; border-bottom:1px solid #DDD; background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F1F1F1)); background:-moz-linear-gradient(top, #FFFFFF, #F1F1F1); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F1F1F1'); background:-o-linear-gradient(top, #FFFFFF, #F1F1F1); background:linear-gradient(top, #FFFFFF, #F1F1F1); text-align:left; font-size:12px; color:#999;}
.frame_crumbs span.iconfont { float:left; display:block; width:30px; line-height:35px; text-align:center; color:#777;}
.frame_crumbs a { color:#545454;}
.frame_crumbs a:hover { color:#333;}

.frame_main { position:absolute; top:36px; right:0; bottom:0; left:0;}
iframe#main { *position:absolute; *top:0; *right:0; *bottom:0; *left:0; width:100%; height:100%; overflow:auto;}


/* Page */
.page_header { clear:both; margin:0; padding:0 10px; height:70px; border-bottom:1px solid #DDD; background:#F4F4F4; box-shadow:0 1px 2px #E7E7E7; -webkit-box-shadow:0 1px 2px #E7E7E7; -moz-box-shadow:0 1px 2px #E7E7E7; text-align:left; font-size:12px; color:#999;}
.page_header h3 { clear:both; margin:0; padding-top:5px; height:35px; line-height:35px; font-size:20px; color:#555; font-weight:700;}
.page_header span.iconfont { float:left; display:block; width:35px; line-height:35px; text-align:center; font-size:24px; color:#555;}

.page_topbar { padding:10px 0; text-align:right; clear:both;}
.page_title { font-size:16px; font-weight:700;}

.page_main { padding:10px 20px; clear:both;}

/*- Tab -*/
.u_tab li { top:0;}
.u_tab_items { border-bottom:2px solid #4B90CE;}
.u_tab_item {}
.u_tab_item a { height:33px; line-height:33px; border:none; background:none; color:#999;}
.u_tab_item a:hover { background:#4B90CE; color:#FFF;}

a.selected { background:#4B90CE; color:#FFF;}
a.selected:hover { color:#FFF;}

/*- Form -*/
.u_form_item { padding:5px 5px 5px 170px;}
.u_form_split { background-color:#FFF;}

/*- Validator -*/
.kootip { padding:0 0 0 10px;}

/*- Table -*/
a.tablelink { color:#4488CA; cursor:pointer;}
a.tablelink:hover { color:#E03D22; text-decoration:none;}

/*- Pagination -*/
.badoo { padding:10px 0; font-size: 13px; color:#48B9EF; text-align:center;}
.badoo a { margin:0px 3px; padding:2px 5px; border:1px solid #DDD; text-decoration:none;}
.badoo a:hover,.badoo a:active { border:1px solid #4B90CE;}
.badoo span.current { padding:2px 5px; border:1px solid #4B90CE; background:#4B90CE; color:#FFF; font-weight:700;}
.badoo span.disabled { display:none;}

/*- Prettyyprint -*/
.com { color:#93A1A1;}
.lit { color:#195F91;}
.pun,.opn,.clo { color:#93A1A1;}
.fun { color:#DC322F;}
.str,.atv { color:#D14;}
.kwd,.linenums .tag { color:#1E347B;}
.typ,.atn,.dec,.var { color:teal;}
.pln { color:#48484C;}

.prettyprint { padding:8px; background-color:#F7F7F9; border:1px solid #E1E1E8;}
.prettyprint.linenums { -webkit-box-shadow:inset 40px 0 0 #FBFBFC, inset 41px 0 0 #ECECF0; -moz-box-shadow:inset 40px 0 0 #FBFBFC, inset 41px 0 0 #ECECF0; box-shadow:inset 40px 0 0 #FBFBFC, inset 41px 0 0 #ECECF0;}
ol.linenums {} 
ol.linenums li { margin:0 0 0 15px; color:#BEBEC5; line-height:18px; text-shadow:0 1px 0 #FFF; list-style:decimal;}